<template>
    <!-- 首页入口 -->
    <div class="home-entry">
    <div class="container">
    <!-- 左侧分类 -->
    <HomeCategory />
    <!-- 轮播图 -->
    <HomeCarousel />
    </div>
  </div>
  <!-- 新鲜好物-->
  <HomeNew />
  <!-- 人气推荐 -->
  <HomeHot />
  <!-- 热门品牌 -->
  <HomeBrand />
  <!-- 商品区块 -->
  <HomeProduct />
  <!-- 最新专题 -->
  <HomeSpecial />
</template>

<script>
import {ref} from 'vue'
import HomeHot from './components/HomeHot'
import HomeNew from './components/HomeNew'
import HomeCategory from './components/HomeCategory'
import HomeCarousel from './components/HomeCarousel'
import HomeBrand from './components/HomeBrand'
import HomeProduct from './components/HomeProduct'
import HomeSpecial from './components/HomeSpecial'
export default {
  name: 'HomePage',
  components:{HomeCategory,HomeCarousel,HomeNew,HomeHot,HomeBrand,HomeProduct,HomeSpecial},
  setup(){
    let show = ref(true)
    return {show}
  }
}
</script>

<style lang="less" scoped>
// .container{
//   .hoverShadow();
//   color: @xtxColor;
// }

</style>
